import React, { Component } from "react";
import "./HomeHeader.less";
import { Link } from "react-router-dom";
class HomeHeader extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <div>
        <div id="home-header" className="clear-fix">
          <div className="home-header-left float-left">
            <Link to="/city">
              <span>{this.props.city}</span>
            </Link>
            <i className="icon-angle-down"></i>
          </div>
          <div className="home-header-right float-right">
            <i className="iconfont icon-car"></i>
          </div>
          <div className="home-header-middle">
            <div className="search-container">
              <i className="icon-search"></i>
              <input />
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default HomeHeader;
